// banner
.carousel {
    // 如果视口<768，图250px  max-width
    // 如果视口<992，图400px  max-width
    // 如果视口>992，图500px  min-width
    img {
        // 加上这个样式是为了层叠掉bootstrap默认的height: auto
        // 目的是让图片的高跟着父级高度走
        // 跟父级走的目的是控制父级高度实现响应式
        height: 100% !important;
    }

    @media (max-width: 992px) {
        .item {
            height: 400px;
        }
    }

    @media (max-width: 768px) {
        .item {
            height: 250px;
        }
    }

    @media (min-width: 992px) {
        .item {
            height: 500px;
        }
    }
}

// 头部
.navbar-default {
    background-color: transparent;
    border: 0;

    .navbar-nav {
        a {
            color: hsla(0,0%,100%,.65) !important;
            font-size: 16px;
            font-weight: 400;
            &:hover {
                color: #f2b535 !important;
            }
        }
    }
}

// 开源项目
.project {
    padding-top: 50px;
    text-align: center;

    .container {
        div {
            // background-color: skyblue;
            a {
                display: block;
                height: 200px;
                background-color: pink;
            }
        }
    }
}